<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/DOMstudy.css">                <!--链接css-->
</head>
<body>
    <div id="a1">1</div>
    <div id="a2" class="b1">2</div>
    <div id="a4" class="b1">3</div>
    <div class="b1">4</div>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
    <img src="../res/imgs/p1.png" id="a3">
    <input type="text" value="请输入" id="a5">
    <p id="a6">倒计时</p>
    <img src="" class="b4" id="a7"><p id="a8"></p>
    <button id="a9">触发事件</button>
    <button class="b5">按钮一</button>
    <button class="b5">按钮二</button>
    <button class="b5">按钮三</button>
    <button class="b5">按钮四</button>
    <div id="c1">
        <div id="c2"></div>
        <div id="c3"></div>
        <div id="c4"></div>
    </div>
    <button id="c6">点击</button>
    <img src="../res/imgs/p4.jpeg" class="b6" id="c7">
    <input type="text" id="c8">
    <button id="c9"></button>
    <ul id="d1">
        <li>1111111</li>
        <li>2222222</li>
        <li>3333333</li>
    </ul>
    <ul id="d2">
        <li class="b7">
            <a href="#">
                <img src="../res/imgs/p1.png">
            </a>
        </li>
        <li class="b7">
            <a href="#">
                <img src="../res/imgs/p2.png">
            </a>
        </li>
        <li class="b7">
            <a href="#">
                <img src="../res/imgs/p3.jpeg">
            </a>
        </li>
        <li class="b7">
            <a href="#">
                <img src="../res/imgs/p4.jpeg">
            </a>
        </li>
    </ul>
    <div id="b8">
        文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字
    </div>
    <form action="target.html">  <!--携带表单数据跳转-->
        <input type="text" name="username">
        <button>提交</button>
    </form>

</body>
<script src="../js/DOMstudy.js"></script>
</html>